<template>
  <div class="box">
  <Head></Head>
  <Main></Main>
  <!-- <Foot></Foot> -->
</div>
</template>
<script>
import Head from "@/components/Homes/Head.vue";
import Main from "@/components/Homes/Main";
// import Foot from "@/components/Homes/Foot";
// import "@/assets/Home/fonticon/iconfont.css";
// import Swiper from 'swiper';
// import "swiper/css/swiper.css";
// import axios from 'axios';
export default {
  name: "Home",
  mounted() {
  //    var mySwiper = new Swiper ('.swiper-container', {
  //   direction: 'vertical', // 垂直切换选项
  //   loop: true, // 循环模式选项
    
  //   // 如果需要分页器
  //   pagination: {
  //     el: '.swiper-pagination',
  //   },
    
  //   // 如果需要前进后退按钮
  //   navigation: {
  //     nextEl: '.swiper-button-next',
  //     prevEl: '.swiper-button-prev',
  //   },
    
  //   // 如果需要滚动条
  //   scrollbar: {
  //     el: '.swiper-scrollbar',
  //   },
  // })        
  },
  components: {
      Head,Main
      // ,Foot
  }
};
</script>
<style scoped>
/* import "@/assets/Home/fonticon/iconfont.css"; */
@import url(../../assets/Home/fonticon/iconfont.css);
</style>